<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
 
   <!-- 头部选项 -->
  <body class="df fdc page-ride">
     <!-- 倒计时蒙层 -->
  <div class="time-mask" id="time-mask">
    3
      </div>
   
     <!--主体内容  -->
    <div class="main-box main-container f1 ofs"  id="container">
      <div class="run-sum">目前累积跑步距离:</div>
      <div class="run-num df "> <span class="nums">999999</span> <span class="gl">公里</span></div>
      <!--  中间有背景地图区域 --> 
      <div class="go">
        <div class="run-style df jcsb  aic">
          <div>户外跑</div>
          <div>燃脂跑</div>
          <div>跑步机</div>
        </div>
        <button class="go-btn" id="go">GO</button>
        <div class="run-set  df jcsb  aic">
          <div class="setup iconfont icon-set"></div>
          <div class="flag">设置目标 ></div>
          <div class="music iconfont icon-misc"></div>
        </div>
      </div>
      <!-- 路线 -->
      <div class="route df ">
        <div class="run-route">跑步路线</div>
        <div class="run-play">使用跑步路线, 邂逅附近的同行者</div>
        <div class="right-go"> ></div>
      </div>
    </div>
   
    
  </body>
</html>
